@ui-font-family: @font-family;
@ui-font-size: @font-size+0.1em;
@ui-font-weight: bold;

@ui-corner-radius: @corner-radius;

@ui-content-background: @background-widget;
@ui-content-texture: @ui-texture-inset-soft;
@ui-content-fill: 50;
@ui-content-border: darken(@ui-content-background, 10%);
@ui-content-color: @color-normal;
@ui-content-icon: @color-normal;

@ui-header-background: @background-header;
@ui-header-texture: @ui-texture-highlight-hard;
@ui-header-fill: 50;
@ui-header-border: darken(@ui-header-background, 10%);
@ui-header-color: @color-header;
@ui-header-icon: @color-header;

@ui-default-state-background: lighten(@background-header, 5%);
@ui-default-state-texture: @ui-texture-glass;
@ui-default-state-fill: 100;
@ui-default-state-border: darken(@ui-default-state-background, 10%);
@ui-default-state-color: @color-header;
@ui-default-state-icon: @color-header;

@ui-hover-state-background: saturate(lighten(@ui-default-state-background,30%), 50%);
@ui-hover-state-texture: @ui-texture-glass;
@ui-hover-state-fill: 100;
@ui-hover-state-border: @ui-default-state-border;
@ui-hover-state-color: @color-normal;
@ui-hover-state-icon: @color-normal;

@ui-active-state-background: darken(@background-header,30%);
@ui-active-state-texture: @ui-texture-glass;
@ui-active-state-fill: 100;
@ui-active-state-border: darken(@ui-active-state-background,10%);
@ui-active-state-color: @color-header;
@ui-active-state-icon: @color-header;

@ui-highlight-background: lighten(spin(@background-header, 8), 25%);
@ui-highlight-texture: @ui-texture-highlight-soft;
@ui-highlight-fill: 25;
@ui-highlight-border: darken(@ui-highlight-background, 10%);
@ui-highlight-color: @color-normal;
@ui-highlight-icon: @color-normal;

@ui-error-background: #cd0a0a;
@ui-error-texture: @ui-texture-flat;
@ui-error-fill: 15;
@ui-error-border: #cd0a0a;
@ui-error-color: #ffffff;
@ui-error-icon: #ffffff;

@ui-overlay-background: #000000;
@ui-overlay-texture: @ui-texture-diagonals-small;
@ui-overlay-fill: 100;
@ui-overlay-opacity: 25;

@ui-shadow-background: #000000;
@ui-shadow-texture: @ui-texture-highlight-hard;
@ui-shadow-fill: 70;
@ui-shadow-opacity: 30;
@ui-shadow-thickness: 7px;
@ui-shadow-top-offset: -7px;
@ui-shadow-left-offset: -7px;
@ui-shadow-radius: 8px;